@import './../../config/params.less';
.shareModal {
    Button {
        background: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100px;
        padding: 0;

    }

    /* 分享层 */
    .share-layer {
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .6);
        z-index: 3;

        .content {
            display: flex;
            align-items: center;
            justify-content: space-around;
            position: absolute;
            left: 0;
            bottom: 0;
            padding: 40px 0 30px;
            width: 100%;
            background-color: #fff;
        }

        .item {
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;

            .icon {
                width: 90px;
                height: 90px;
            }

            .text {
                margin-top: 24px;
                font-size: 22px;
                color: #333;
            }

            .btn-share {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: transparent;
            }
        }
    }
}